<template>
  <div class="index_page">

    <!-- 首页 -->
    <div class="absolute">
      <Home v-if="$store.state.home_status.now_page=='Home'"></Home>
    </div>

    <!-- 社区广场 -->
    <div class="absolute">
      <Square v-if="$store.state.home_status.now_page=='Square'"></Square>
    </div>
    <!-- 社区商城 -->
    <div class="absolute">

    </div>
    <!-- 个人中心 -->
    <div class="absolute">
      <MyPage v-if="$store.state.home_status.now_page=='MyPage'"></MyPage>
    </div>
  </div>

</template>
<script>
import Home from '@/page/home/Home'; //首页
import Square from '@/page/home/Square'; //社区广场
// import MyCenter from "@/page/my/my";
import MyPage from "@/page/my/MyPage"

// import
export default {
  name:'index_page',
  data(){
    return{

    }
  },
  methods:{

  },
  created(){

  },
  components:{
    Home,
    Square,
    // MyCenter,
    MyPage
  }
}
</script>
<style lang="less" scoped>
.absolute{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100%;*/
}
</style>


